<ng-container *ngIf="tagData.name === 'singleVideo'; else elseTemplate">
  <!-- 新样式 单个视频的 -->
  <ng-container *ngIf="tagData.data?.data && tagData.data?.data.length > 0">
    <div class="video-bg">
      <div class="vidoe-title" *ngIf="tagData.data.data[0].title">{{tagData.data.data[0].title}}
        <p class="video-sub-title">
          <span class="vidoe-creator" *ngIf="tagData.data.data[0].creator">{{tagData.data.data[0].creator}} </span> 
          <span class="vidoe-date" *ngIf="tagData.data.data[0].date">{{tagData.data.data[0].date}}</span>  
        </p>
      </div>
      
      
      <app-hivideo [videoSrc]="tagData.data.data[0].videoUrl" [cssStyle]="'height:66.667vw'" [playIconCssStyle] = "'width:3.88rem;height: 3.88rem;background-size: 3.88rem 3.88rem;'" [autoPlay]="true" ></app-hivideo>
    </div>
    

  </ng-container>
  
  
</ng-container>
<ng-template #elseTemplate>
  <div class="manage-videoall">
    <!-- 返回按钮和定位在头部的视频 -->
    <ng-container>
      <div class="videowindow">
        <ion-header class="commonHeader">
          <div appDebounceClick (debounceClick)="cancel()" style="background-image: linear-gradient(0deg, transparent, #696969);">
            <img class="header-icon-img" src="assets/img/nav_icon_back_white@3x.png" alt="back">
          </div>
          <!--     <ion-toolbar>
            <ion-buttons slot="start">
              <ion-button appDebounceClick (debounceClick)="cancel()">
                <img class="header-icon-img" src="assets/img/back_left.png" alt="back">
              </ion-button>
            </ion-buttons>
             <ion-title class="commonTitleText" *ngIf="tagData.data.title">{{tagData.data.title}}</ion-title> 
          </ion-toolbar> -->
        </ion-header>
  
        <!-- <div style="height: 210px;">
          <video [src]="this.playvodio" controls="controls"
            style="width: 100%; height: 13.125rem;border-bottom: 1px solid #EBEBED;background: black;" 
            webkit-playsinline="true" playsinline='true'>
          </video>
        </div> -->
  
        <!-- <video ishivideo="true" autoplay="true" isrotate="false" autoHide="true" muted="muted">
          <source src="https://zeno-video.oss-cn-shenzhen.aliyuncs.com/A3.mp4" type="video/mp4">
        </video> -->
        <!-- <app-hivideo [videoSrc]="this.playvodio"></app-hivideo> -->
        <app-hivideo [videoSrc]="playvodio"></app-hivideo>
        <div class="manage-videotitle">
          <h1>{{playlabel}}</h1>
        </div>
      </div>
    </ng-container>
    <!-- 视频页面 -->
    <div class="manage-videolist">
      <div class="manage-videolistitem" *ngFor="let item of this.tagData.data.data,let i = index"
        appDebounceClick (debounceClick)="payingclick(item)">
        <div class="type" *ngIf="item.paying=='true'">
          <div class="type-img"><img class="type-img-i" src="assets/img/information_icon.png" /></div>
          <div class="type-text">播放中</div>
        </div>
        <div class="manage-videolistitem-left">
          <img class="manage-videolistitem-left-img" [src]="item.image" />
        </div>
        <div class="manage-videolistitem-right">
          <div class="manage-videolistitem-righttitle" [ngClass]="{'text-play':item.paying=='true'}">{{item.label}}</div>
          <div class="manage-videolistitem-rightitem">
            <div class="off"><img class="manage-videolistitem-right-img" src="assets/img/information.png" /></div>
            <div class="text">{{item.payTimes}}</div>
          </div>
        </div>
      </div>
    </div>
    <!-- 向上滚动刷新 -->
    <ion-infinite-scroll *ngIf="tagData.data.submit&&!tagData.data.moreinfoButton" threshold="5%"
      (ionInfinite)="loadMoreData($event)">
      <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
      </ion-infinite-scroll-content>
    </ion-infinite-scroll>
  </div>
</ng-template>

